.fixed{
    position: fixed;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
}
.w100p{
    width: 100%;
}
.w970{
    width: 970px;
}
.w720{
    width: 720px;
}
.h75{
    height: 75px;
}
.h340{
    height: 340px;
}
.hwidgets{
    height: 660px;
}
.h505{
    height: 505px;
}
.h340{
    height: 340px;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.clr{
    clear: both;
}
.tl{
    text-align: left;
}
.tc{
    text-align: center;
}
.tr{
    text-align: right;
}
.rsmp{
    margin: 0;
    padding: 0;
}
.mc{
    margin: 0 auto;
}
.z50{
    z-index: 50;
}
.z100{
    z-index: 100;
}
a,a:hover{
    text-decoration: none;
}
h1{
    padding: 0;
    margin: 0;
}
/*BEGIN HEADER----------------------------------------------------------------*/
.wrapperheader{
    background-color: #fff;
    background: url('images/1_0.png') repeat-y left top, url('images/1_1.png') repeat-y right top;
}
.sub-menu{
    display: none;
    background: #fff;
    position: absolute;
    margin: 8px 0 0 -35px;
    width: 140px;
    border-left: 1px solid #F6F6F6;
    border-right: 1px solid #F6F6F6;
    border-bottom: 1px solid #F6F6F6;
    box-shadow: 3px 7px 10px #A0A0A0;
    z-index: 100;
}
.sub-menu li{
    padding-left: 10px;
    width: 93%;
    border-top: 1px solid #F1F1E2;
    line-height: 30px;
}
.sub-menu li:first-child{
    border-top: 0;
}
ul.topmenu .sub-menu li a{
    font-size: 12px;
    line-height: 27px;
}
ul li:hover .sub-menu{
    display: block;
}
ul.topmenu li{
    display: inline-block;
    position: relative;
    height: 30px;
}
ul.topmenu li a{
    font-family: 'AndreaIIPrintUprightMediumRg';
    color: #493906;
    font-size: 16px;
}
ul.topmenu li a:hover{
    color: #a757b7;
}
ul.topmenu.utility{
    padding: 5px 30px 0 0;
    margin: 0;
}
ul.topmenu.utility li{
    line-height: 4px;
    margin: 0px 1px;
}
ul.topmenu.utility li a{
    display: inline-block;
    height: 18px;


}
ul.topmenu.utility li.fb a,
ul.topmenu.utility li.tw a,
ul.topmenu.utility li.pin a,
ul.topmenu.utility li.mail a{
    color: transparent;
    width: 18px;
    height: 18px;
}
ul.topmenu.utility li.flag a{
    color: transparent;
    width: 25px;
    height: 17px;
}
ul.topmenu.utility li.wtb a{
    line-height: 18px;
    padding-right: 3px;
}
ul.topmenu.utility li.fb a{background: transparent url('images/panel.png') no-repeat 0px 0px;}
ul.topmenu.utility li.tw a{background: transparent url('images/panel.png') no-repeat -23px 0px;}
ul.topmenu.utility li.pin a{background: transparent url('images/panel.png') no-repeat -46px 0px;}
ul.topmenu.utility li.mail a{background: transparent url('images/panel.png') no-repeat -68px 0px;}
ul.topmenu.utility li.flag a{background: transparent url('images/panel.png') no-repeat -106px 0px;}
ul.topmenu.utility li a{
    font-size: 11px;
    font-family:'arial';
}
ul.topmenu.mainmenu{
    margin: 8px 0px 0px 240px;
}
ul.topmenu.mainmenu li a{
    padding-right: 10px;
}
ul.topmenu.mainmenu li span{
    display: inline-block;
    width: 10px;
    height: 16px;
    background: transparent url('images/panel.png') no-repeat -168px 0px;
}
.wrapperheader .search{
    background: transparent url('images/3.png') no-repeat;
    width: 149px;
    height: 24px;
    margin-right: 20px;
}
.wrapperheader .search input{
    border: 0;
    background: transparent;
}
.wrapperheader .search input:focus{
    border: 0;
}
.wrapperheader .search input[type="text"]{
    width: 100px;
    height: 15px;
}
.wrapperheader .search input[type="submit"]{
    width: 20px;
    float: right;
    color: transparent;
    margin-right: 5px;
}
.wrapperheader .search input::-webkit-input-placeholder{font-style: italic;font-size: 12px;color:#999999;font-family: 'time new roman';}
.wrapperheader .search input::-moz-placeholder{font-style: italic;font-size: 12px;color:#999999;font-family: 'time new roman';}
.wrapperheader .search input:-ms-input-placeholder{font-style: italic;font-size: 12px;color:#999999;font-family: 'time new roman';}
.wrapperheader .search input:-moz-placeholder {font-style: italic;font-size: 12px;color:#999999;font-family: 'time new roman';}
.wrapperheader a.logo{
    left: 35px;
    top: 0px;
}
.topbreadcrumb{
    top: 90px;
    left: 240px;
}
.topbreadcrumb, .topbreadcrumb a{
    font-family: 'arial';
    font-size: 11px;
    color: #453703;
}
.topbreadcrumb a:hover{
    color: #A757B7;
}
.topbreadcrumb span{
    padding: 0px 5px;
}
.topbanner{
    background-color: #fff;
    background: url('images/1_0.png') repeat-y top left, url('images/1_1.png') repeat-y top right, url('images/10.png') repeat-x;
}
.topbanner .jh500 > div.fl,
.topbanner .jh500 > div.fr{
    width: 50%;
    padding: 70px 0 0 0;
}
.topbanner .pika-thumbs li .clip img{
    max-width: 45px;
}
.topbanner .jh500 > div.fr h1,
.topbanner .jh460  div.fr h1{
    font-family: 'Belizio';
    font-size: 27px;
    line-height: 32px;
    color: #413b2b;
}
.topbanner .jh460  div.fr h1{
    padding: 30px 0 0 0;
}
.topbanner .jh500 > div.fr div.des{
    font-family: 'arial';
    font-size: 13px;
    line-height: 19px;
    color: #413b2b;
    margin: 15px 0 30px 0;
    height: 90px;
}
.topbanner .jh460 > div.fr div.circle div.fl,
.topbanner .jh500 > div.fr div.circle div.fl{
    width: 52px;
    height: 52px;
    background: transparent url('images/21.png') no-repeat;
    margin-right: 7px;
    color: #413b2b;
}
.topbanner .jh460 > div.fr div.circle{
    padding: 30px 0 95px 0;
}
.topbanner .jh500 > div.fr div.link{
    margin-top: 45px;
}
.topbanner .jh500 > div.fr div.link span,
.topbanner .jh500 > div.fr div.link a,
div.fr div.link a{
    height: 42px;
    display: inline-block;
}
.topbanner .jh500 > div.fr div.link span{
    width: 70px;
    line-height: 42px;
    font-family: 'arial';
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
div.link a.findaretail{
    width: 193px;
    background: transparent url('images/22.png') no-repeat;
}
div.link a.shoponline{
    width: 179px;
    background: transparent url('images/23.png') no-repeat;
}
.topbanner .jh500 > div.fr div.rate,
.topbanner .jh460 > div.fr div.rate{
    margin-top: 15px;
    height: 36px;
    line-height: 36px;
    border-top: 1px solid #A69E85;
    border-bottom: 1px solid #A69E85;
}
div.catemenu{
    background: transparent url('images/13.png') no-repeat;
    width: 239px;
    height: 271px;
    top:50px;
    left: 0;
}
ul.catemenu{
    margin: 90px 0 0 33px;
    padding: 0;
}
ul.catemenu li{
    list-style-type: none;
}
ul.catemenu li a{
    color: #fff;
    font-size: 13px;
    line-height: 21px;
    padding-left: 11px;

}
ul.catemenu li a:hover{
    color: #FED500;
    background: transparent url('images/14.png') no-repeat center left;

}
.ourfoods .ads{
    margin:0 0 33px 0;
}
.ourfoods .item{
    background: transparent url('images/0.png') no-repeat;
    width: 306px;
    height: 232px;
    padding: 0;
    margin-bottom: 25px;
}
.ourfoods .item > div{
    width: 306px;
    height: 232px;
}
.ourfoods .item.item2{
    margin: 0 25px;
}
.ourfoods .item h3{
    font-size: 15px;
    line-height: 19px;
}
.ourfoods .item a{
    font-size: 12px;
    line-height: 18px;
    color: #7C3A99;
    font-weight: bold;
}
.ourfoods .item > div > div{
    padding: 60px 0 0 30px;
    width: 110px;
}
.ourfoods.main .item > div > div{
    padding: 20px 0 0 25px;
    width: 120px;
}
.ourfoods.main .item h3{
    font-size: 19px;
    background: transparent url('images/15.png') no-repeat bottom left;
    padding-bottom: 15px;
}
.ourfoods.main .item p{
    font-size: 11px;
    line-height: 15px;
    color: #777367;
    padding: 5px 5px 5px 0;
    margin: 0;
}
.ourfoods.main .ads{
    margin: 0;
}
.ourfoods.main .ads a{
    display: block;
    margin-bottom: 50px;
    margin-right: 0;
}
.adsfooter a,
.adsfooter > a{
    display: block;
    float: left;
}
.adsfooter > a{
    height: 210px;
    line-height: 210px;
}
.adsfooter a:first-child{
    margin-right: 15px;
}
.adsfooter a.col14{
    width: 235px;
}
.adsfooter a.col24{
    width: 495px;
    text-align: right;
}
.adsfooter a.col34{
    width: 715px;
}
.ourfoods.special > div{
}

.ourfoods.special > .fl{
    padding: 40px 0 0 30px;
    width: 192px;
    background: transparent url('images/16.png') repeat-y;
}
.ourfoods.special > .fl h3{
    color: #7D3A8C;
}
.ourfoods.special > .fl label{
    margin-left: 10px;
    font-size: 11px;
    color: #44402c;
    height: 23px;
    background: transparent url('images/18.png') no-repeat 0 -5px;
    padding-left: 30px;
    margin: 0;
}
.ourfoods.special > .fl input[type="checkbox"]:checked + label{
    background: transparent url('images/17.png') no-repeat 0 -5px;
}
.ourfoods.special > .fl input[type="checkbox"]{
    display: none;
}
.ourfoods.special > .fl form h4{
    font-size: 11px;
    line-height: 11px;
    color: #7d3a8c;
    margin-bottom: 5px;
    background: transparent url('images/20.png') no-repeat top left;
    padding-left: 15px;
    margin: 20px 0 10px 0;
}
.ourfoods.special > .fl form > div{
    clear: both;
}


.ourfoods.special > .fr{
    width: 720px;
}
.ourfoods.special > .fr .col{
    position: relative;
    width: 180px;
    text-align: center;
    float: left;
}
.ourfoods.special > .fr .col img.absolute{
    top: 25px;
    right: 10px;
}
.ourfoods.special > .fr .col a{
    margin-bottom: 20px;
    display: block;
}
.ourfoods.special > .fr .col a p{
    font-size: 11px;
    line-height: 15px;
    font-family: 'Belizio';
    color: #413b2b;
    padding: 15px;
}
.ourfoods.detail > div.fl,
.ourfoods.detail.recipe > div.fl{
    width: 540px;
}
.ourfoods.detail.recipe > div.fl,
.ourfoods.detail.recipe > div.fr{
    font-size: 13px;
    line-height: 18px;
    font-family: 'arial';
    color: #493906;
}
.ourfoods.detail.recipe > div.fl h1,
.ourfoods.detail.recipe > div.fr h1{
    font-size: 27px;
    line-height: 32px;
    color: #413B2B;
}
.ourfoods.detail.recipe > div.fl ul,
.ourfoods.detail.recipe > div.fl ol,
.ourfoods.detail.recipe > div.fr ul,
.ourfoods.detail.recipe > div.fr ol{
    margin-left: 20px;
    padding: 0;
}
.ourfoods.detail.recipe > div.fl ul li,
.ourfoods.detail.recipe > div.fl ol li{
    padding-bottom: 15px;
    line-height: 18px;
}
.ourfoods.detail.recipe > div.fr ul li,
.ourfoods.detail.recipe > div.fr ol li{
    padding-bottom: 10px;
    line-height: 14px;
}
.ourfoods.detail > div.fr,
.ourfoods.detail.recippe > div.fr{
    width: 420px;
}
.ourfoods.detail ul.nav-tabs {
    border: 0;
    margin: 0;
}
.ourfoods.detail ul.nav-tabs li{
    /*margin-bottom: 8px;*/
}
.ourfoods.detail ul.nav-tabs li.active:hover,
.ourfoods.detail ul.nav-tabs li.active{
    margin-bottom: 0;
}
.ourfoods.detail ul.nav-tabs > li a{
    margin: 0;
    border: 0;
    padding: 12px 16px;
    font-size: 13px;
    color: #413b2b;
    font-weight: bold;
    background: transparent url('images/24.png');
}
.ourfoods.detail ul.nav-tabs > li.middlea:hover,
.ourfoods.detail ul.nav-tabs > li.middlea{
    margin: 0 10px;
}
.ourfoods.detail ul.nav-tabs > li.middleb:hover,
.ourfoods.detail ul.nav-tabs > li.middleb{
    margin-right: 10px;
}
.ourfoods.detail ul.nav-tabs > li.active a,
.ourfoods.detail ul.nav-tabs > li:hover a{
    margin: 0;
    border: 0;
    color: #7C3A99;
    font-size: 13px;
    background: transparent url('images/24.png');
    padding: 12px 16px;
    padding-bottom: 20px;
    margin-bottom: 0;
}
div.tab-content{
    width: 490px;
    background: transparent url('images/24.png');
    padding: 15px 8px 15px 30px;
}
div.tab-content .tab-pane{
    width: 478px;
    height: 335px;
    min-height: 335px;
}
.contentmain .tab-pane h3{
    margin: 0;
    font-size: 17px;
    line-height: 24px;
    padding: 0;
}
.contentmain .tab-pane ul{
    margin: 0;
    padding: 20px 0;
}
.contentmain .tab-pane ul li{
    height: 22px;
    padding-left: 30px;
    background: transparent url('images/25.png') no-repeat top left;
    list-style-type: none;
    font-size: 23px;
    line-height: 27px;
    margin-bottom: 17px;
}
.ourfoods.detail > div.fr table {
    text-align: center;
}
.ourfoods.detail > div.fr td {
    /*height: 210px;*/
}
.ourfoods.detail > div.fr table{
    width: 100%;
}
.ourfoods.detail > div.fr table td{
    width: 48%;
}
.ourfoods.detail > div.fr table img{
    height: 155px;
}
.ourfoods.detail > div.fr table a p{
    font-family: 'Belizio';
    font-size: 11px;
    line-height: 14px;
    color: #443
}
.ourfoods.detail .adsfooter .ads a{
    margin: 0px 0 30px 0;
}
.ourfoods.detail .jspVerticalBar{
    background: transparent url('images/1.jpg') no-repeat top left;
}
.ourfoods.detail .jspArrow,
.ourfoods.detail .jspTrack{
    background: transparent;
}
.ourfoods.detail .jspDrag{
    background: transparent url('images/26.png') no-repeat top left;
    height: 85px !important;
}
.ourfoods.detail .related{
    background: transparent url('images/3.jpg') repeat-x top left;
    width: 970px;
    height: 179px;
    margin-top: 30px;
}
.ourfoods.detail .related .fr{
    width: 196px;
    height: 130px;
    margin-top: 25px; 
    margin-right: 30px;
}
.ourfoods.detail .related .fr a{
    background: transparent url('images/27.png') no-repeat top left;
    width: 184px;
    height: 30px;
    position: absolute;
    bottom: 17px;
    left: -20px;
    font-size: 10.8px;
    line-height: 30px;
    font-family: 'belizio';
    color: #f9cb02;
    padding-left: 25px;
}
.ourfoods.detail .related .fr img{
    padding: 8px;
    background: #fff;
    width: 179px;
    height: 114px;
}
/*END HEADER----------------------------------------------------------------*/
/*END MAIN----------------------------------------------------------------*/
.wrappermain{
    margin-top: -12px;

}
.topmain{
    background:url('images/5.png') no-repeat top left;
    height: 17px;
}
.contentmain{
    background: url('images/1_0.png') repeat-y top left, url('images/1_1.png') repeat-y top right, url('images/6.png') repeat-x 0 0, url('images/2.png') repeat;
}
.contentmain > div{
    padding: 25px 0 50px 0;
    width: 970px;
    font-family: 'arial';
    font-size: 12px;
    line-height: 20px;
    text-align: justify;
    color: #444433;
}
.contentmain > div.philo{
    padding: 25px 0 50px 65px;
    width: 915px;
}
.contentmain > div.philo ul{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.contentmain > div.philo ul li{
    margin-bottom: 25px;
    line-height: 25px;
}
.contentmain > div.philo ul.circle li{
    padding-left: 155px;
    background: transparent url('images/7.png') no-repeat 0 2px;
}
.contentmain > div.philo ul.checked li{
    padding-left: 88px;
    background: transparent url('images/8.png') no-repeat 38px 0;
}

.contentmain h1,
.contentmain h3{
    font-family: Belizio;
    color: #473600;
}
.contentmain h1{
    font-size: 35px;
    line-height: 35px;
    padding: 20px 0;
}
.contentmain h3{
    font-size: 18px;
    line-height: 24px;
    padding: 10px 0 0 0;
    margin: 0;
}

.contentmain > div.outmission{
    width: 980px;
}
.contentmain .outmission .cols{
    position: relative;
    max-width: 234px;
    float: left;
}
.contentmain .outmission .cols img{
    width: 220px;
    height: 155px;
    background: #fff;
    padding: 7px;
    box-shadow: 2px 2px 10px #C6C6C4;
    margin-bottom: 23px;
}
.contentmain .outmission .cols img.absolute{
    width: 95px;
    height: 123px;
    background: transparent;
    border: 0;
    box-shadow: none;
    top: 64px;
    left: 125px;
}
.contentmain .outmission .cols.col2{
    margin: 0 6px 25px 12px;
}
.contentmain .outmission .cols.col3{
    margin: 0 12px 25px 6px;
}
.contentmain .outmission .cols div{
    padding: 10px 0;
    font-size: 13px;
    line-height: 18px;
    color: #423B2B;
    text-align: left;
}
.contentmain .outmission .cols div a{
    padding: 5px 0;
    color: #9035A5;
    display: block;
    font-weight: bold;
}
.contentmain .about{
    padding: 25px 55px 50px 55px;
    width: 870px;
}
.about .row{
    padding-bottom: 60px;
}
.about .row .fa{
    width: 455px;
    float: left;
    padding-top: 40px;
}
.about .row .fa a{
    display: block;
    padding-top: 30px;
    font-family: 'arial';
    color: #8C479A;
    font-weight: bold;
}
.about .row .fa div{
    font-size: 12px;
    line-height: 20px;
    text-align: left;
}
.about .row .fb{
    width: 400px;
    position: relative;
}
.about .row .fb a{
    width: 208px;
    height: 47px;
    display: block;
    color: transparent;
}
.about .row .fb img{
    width: 365px;
    height: 260px;
    background: #fff;
    padding: 5px;
}
.about .rowa .fa{
    float: left;
}
.about .rowa .fb{
    float: right;
}
.about .rowb .fa{
    float: right;
}
.about .rowb .fb{
    float: left;
}
.about .rowa .fb a{
    background: transparent url('images/12.png') no-repeat;
    bottom: 30px;
    right: 0;
}
.about .rowb .fb a{
    background: transparent url('images/11.png') no-repeat;
    bottom: 30px;
    left: -15px;
}

.contentmain > div.contactus{
    padding: 25px 0 50px 40px;
    width: 930px;
}
.contentmain > div.contactus  div.rowc{
    padding-top: 30px;
}
.contentmain > div.contactus  div.rowc p{
    font-family: 'arial';
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
}
.contentmain > div.contactus  div.rowc input,
.contentmain > div.contactus  div.rowc select{
    width: 300px;
    padding-left: 15px;
    padding-right: 0;
}
.contentmain > div.contactus div.rowc span{
    width: auto;
    display: block;
    font-size: 14px;
    font-family: 'arial';
    color: #333333;
    line-height: 30px;
}
.contentmain > div.contactus div.rowc span.fl{
    width: 90px;
}
.contentmain > div.contactus div.rowc span.message{
    margin-top: 30px;
}
.contentmain > div.contactus div.rowc input{
    width: 282px;
    border-right: 0;
    border-bottom: 0;
}
.contentmain > div.contactus div.rowc select{
    border-radius: 0;
}
.contentmain > div.contactus div.rowc textarea{
    width: 378px;
    height: 130px;
    border-right: 0;
    border-bottom: 0;
    margin-top: 7px;
}
.contentmain > div.contactus input[type="submit"]{
    background: transparent  url('images/28.png') repeat-y top left;
    width: 147px;
    height: 48px;
    border: 0;
    color: transparent;
    margin-top: 15px;
}
.contentmain > div.contactus img.absolute{
    width: 333px;
    top: 90px;
    right: 10px;
}
.topbanner .w970.jh460 > .fl,
.topbanner .w970.jh460 > .fr{
    padding: 70px 0 0 0;
}
.topbanner .w970.jh460 > .fl{
    width: 540px;
}
.topbanner .w970.jh460 > .fr{
    width: 430px;
}
.topbanner .w970.jh460 > .fl img{
    width: 508px;
    background: #fff;
    padding: 7px;
    box-shadow: 0 0 5px #C3C3B3;
}
.ourfoods.detail.recipe > div.fr div.link a{
    height: 42px;
    display: block;
    margin-bottom: 10px;
}
.ourfoods.detail.recipe div.link{
    height: 130px;
}
.ourfoods.detail.recipe div.link a.shoponline{
    background: transparent url('images/29.png') no-repeat;
    width: 193px;
}
.ourfoods.detail.recipe > div.fr img.absolute{
    max-width: 150px;
    top: 0;
    right: 50px;
}
.ourfoods.detail.recipe > div.fr{
    padding-top: 10px;
}
/*END MAIN----------------------------------------------------------------*/
/*END FOOTER----------------------------------------------------------------*/
.wrapperfooter{
    height: 308px;
    background-color: transparent;
    background:  url('images/1_0.png') repeat-y top left, url('images/1_1.png') repeat-y top right, url('images/4.png') no-repeat center 0, url('images/2.png') repeat-x top left;
}
.wrapperfooter > div.top{
    padding-top: 45px;
    height: 220px;
}
.wrapperfooter > div.copyrights{
    color: #D1D0B8;
    padding-top: 10px;
}
.wrapperfooter .cols{
    float: left;
}
.wrapperfooter .col1{
    margin-right: 34px;
    width: 270px;
}
.wrapperfooter .col2{
    width: 300px;
    margin-right: 66px;
}
.wrapperfooter .col3{
    width: 300px;
}
.topbanner.contactus h1{
    font-family: 'belizio';
    color: #473600;
    font-size: 35px;
    padding: 90px 0 0 40px;
}
.topbanner.contactus .w970 div{
    font-family: 'arial';
    color: #454433;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0 0 40px;
}
/*END FOOTER----------------------------------------------------------------*/